<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Answer The Question</title>
		<link href="http://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/demo.css">
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
		<script src="<?php echo base_url(); ?>public/frontend/js/jquery.countdown360.js" type="text/javascript" charset="utf-8"></script>
	<style>
    	body{
			padding-top:10%;
			}
    </style>
	</head>
    

	<body>
	<div class="container">
    <div class="row">
        	<div style="max-width: 400px; margin: 0 auto 10px;">
            <h4><i class="glyphicon glyphicon-user"></i> User Login</h4>
              <?php echo form_open("home/signin"); ?>
                  <div class="form-group">
                    <input type="email" name="email_log" class="form-control" placeholder="Email Address" required="required">
                  </div>
                  <div class="form-group">
                    <input type="password" name="password_log" class="form-control" placeholder="Password" required="required">
                  </div>
                  <div class="checkbox">
                    <label>
                      <input type="checkbox"> Keep me signed in
                    </label>
                  </div>
                  <button type="submit" class="btn btn-info btn-block">LOGIN</button>
                  <button type="submit" class="btn btn-primary btn-block">FACBOOK</button>
                  <button type="submit" class="btn btn-danger btn-block">GOOGLE+</button>
                  <button type="submit" class="btn btn-warning btn-block">REGISTER</button>
                </form>
                <?php echo validation_errors(); ?>
            </div>
    </div>
</div>

		
	</body>
<script type="text/javascript" charset="utf-8">
	$("#countdown").countdown360({
	 radius      : 78,
	 seconds     : 10,
	 fontColor   : '#FFFFFF',
	 fillStyle: "black",
	 strokeStyle: "red",
	 strokeWidth: 5,
	 autostart   : false,
	 onComplete  : function () { console.log('done') }
	}).start();
	setInterval("update()", 10000); // Update every 10 seconds 
	function update() 
	{ 
	$.post("<?php echo base_url(); ?>home/putUser"); // Sends request to update.php
	
	}
</script>
</html>
